<%--
  Created by IntelliJ IDEA.
  User: Zhoubin
  Date: 2017/3/1
  Time: 16:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../common/taglibs.jsp" %>
<html>
<style type="text/css">
    .cccc{width: 90px;heig: 25px;}
    .cccc1{width: 140px;height: 25px;}
    .cccc2{width: 90px;height: 25px;}

</style>
<body>
<div>
        <table class="table table-bordered">
            <tr >
                <td height="240px" width="2%" style="vertical-align:middle;">
                    身份证正面照片
                </td>
                <td width="48%">
                    <img src="${ctx}/base/dfsFileInfo/download?dfsGroupname={{vm.item.group}}&dfsFullFilename={{vm.item.frontPhotoPath}}&localFilename={{vm.item.certNo}}_0"
                         style ="width: 100%;height: 220px;"  />
                </td>

                <td width="2%" style="vertical-align:middle;">
                    身份证反面照片
                </td>
                <td width="48%">
                    <img id="mchntValidateCodeImg" src="${ctx}/base/dfsFileInfo/download?dfsGroupname={{vm.item.group}}&dfsFullFilename={{vm.item.backPhotoPath}}&localFilename={{vm.item.certNo}}_1"
                         style ="width: 100%;height: 220px;"  />
                </td>
            </tr>
        </table>

        <table class="table table-bordered" >

        <tr style=" height:10px;" >
                <td width="10%">
                    姓名
                </td>
                <td width="14%">
                    <input type="text" ng-model="vm.item.certName" name="certName" class="cccc" ng-readonly="vm.itemBean.certName"
                           maxlength="10"
                           required/>
                </td>
                <td width="10%">
                    身份证
                </td>
                <td width="21%">
                    <input type="text" ng-model="vm.item.certNo" name="certNo" class="cccc1"  ng-readonly="vm.itemBean.certNo"
                           maxlength="18"
                           required/>
                </td>
                <td width="10%">
                    性别
                </td>
                <td width="15%">
                    <select class="noSelectStyle" ng-model="vm.item.gender" ng-disabled="vm.itemBean.gender"
                            ng-options="item.key as item.value for item in vm.statusGender" required>
                        <option value="">请选择</option>
                    </select>

                </td>
                <td width="20%" rowspan="5">
                    <img src="${ctx}/base/dfsFileInfo/download?dfsGroupname={{vm.item.group}}&dfsFullFilename={{vm.item.photoPath}}&localFilename={{vm.item.certNo}}_2"
                         style ="width: 100%;height: 100%;"  />
                </td>
            </tr>
            <tr style=" height:20px;">
                <td>
                    出生日期
                </td>
                <td >
                    <input ng-if="vm.itemBean.birthday==null" type="text" ng-model="vm.item.birthday" name="birthday" class="cccc"
                           maxlength="10" uib-datepicker-popup="yyyy-MM-dd"
                           required/>
                    <input ng-if="vm.itemBean.birthday!=null" type="text" ng-model="vm.item.birthday | date:'yyyy-MM-dd'" name="birthday" class="cccc1" ng-readonly="vm.item.birthday"
                           maxlength="10" required />

                </td>
                <td>
                    签发日
                </td>
                <td>
                    <input ng-if="vm.itemBean.certStartDate==null" type="text" ng-model="vm.item.certStartDate" name="certStartDate" class="cccc1"
                           maxlength="10" uib-datepicker-popup="yyyy-MM-dd" required/>
                    <input ng-if="vm.itemBean.certStartDate!=null" type="text" ng-model="vm.item.certStartDate | date:'yyyy-MM-dd'" name="certStartDate" class="cccc1" ng-readonly="vm.item.certStartDate"
                           maxlength="10" required />
                </td>
                <td>
                    截止日
                </td>
                <td>
                    <input ng-if="vm.itemBean.certExpiryDate==null" type="text" ng-model="vm.item.certExpiryDate" name="certExpiryDate" class="cccc2"
                           maxlength="10" uib-datepicker-popup="yyyy-MM-dd"
                           required/>
                    <input ng-if="vm.itemBean.certExpiryDate!=null" type="text" ng-model="vm.item.certExpiryDate | date:'yyyy-MM-dd'" name="certExpiryDate" class="cccc2" ng-readonly="vm.item.certExpiryDate"
                           maxlength="10" required />
                </td>
            </tr>
            <tr style=" height:20px;">
                <td>
                    民族
                </td>
                <td>
                    <input type="text" ng-model="vm.item.nationality" name="nationality" class="cccc" ng-readonly="vm.itemBean.nationality"
                           maxlength="8" required ng-pattern="/^[\s\S]{1,8}$/"
                           required/>
                </td>
                <td>
                    签发机关
                </td>
                <td colspan="3">
                    <input type="text" ng-model="vm.item.issueOffice" name="issueOffice" class="cccc" style="width:94%;" ng-readonly="vm.itemBean.issueOffice"
                           maxlength="30" required ng-pattern="/^[\s\S]{1,30}$/"
                           required/>
                </td>
            </tr>
            <tr style=" height:20px;">
                <td>
                    住址
                </td>
                <td colspan="5">
                    <input type="text" ng-model="vm.item.address" name="address" class="cccc" style="width:96%;" ng-readonly="vm.itemBean.address"
                           maxlength="50"  required ng-pattern="/^[\s\S]{1,50}$/"
                           required/>
                </td>
            </tr>
            <tr style=" height:15px;">
                <td>
                    备注
                </td>
                <td colspan="5">
                    <input type="text" ng-model="vm.item.description" name="description" class="cccc" style="width:96%;" ng-readonly="vm.itemBean.description"
                           maxlength="100"  required ng-pattern="/^[\s\S]{1,100}$/"
                           required/>
                </td>
            </tr>
        </table>

</div>
</body>
</html>
